<%@taglib prefix="html" uri="struts-html" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib prefix="html" uri="struts-html" %>
<%@taglib prefix="c" uri="jstl" %>
<%@taglib prefix="fn" uri="jstl-fn" %>

    <jsp:include page="Templates/metas.jsp"/>

 
        <script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
		<script src="../js/jquery.placeholder-1.0.4.js" type="text/javascript"></script>
		<script src="../js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
		<script src="../js/callback.js" type="text/javascript"></script>
		<link rel="stylesheet" href="../css/jquery-ui-1.8.17.custom.css" media="all" type="text/css" />
    <body id="body_admin">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
       <jsp:include page="Templates/header.jsp"/>
        <section id="container_admin">
       <jsp:include page="Templates/menuForaneo.jsp"/>
       
        <div class="content_admin">
   
        	<html:form action='/administrador/ReportePuntosRecompensaVal' method='post'>
        	
			<input type="hidden" id="nip" name="nip" value="${nip}" />
			<input type="hidden" id="hd_FileExport" name="hd_FileExport" value="${hd_FileExport}" />
			<input type="hidden" id="hd_fecha_inicio" name="hd_fecha_inicio" value="${hd_fecha_inicio}" />
			<input type="hidden" id="hd_fecha_final" name="hd_fecha_final" value="${hd_fecha_final}" />

			<input type="hidden" id="hd_nip" name="hd_nip" value="${hd_nip}" />
			<input type="hidden" id="hd_status" name="hd_status" value="${hd_status}" />
			<input type="hidden" id="hd_cve_status" name="hd_cve_status" value="${hd_cve_status}" />
			<input type="hidden" id="status_texto" name="status_texto" value="${status_texto}" />
			
		
			
        	<div id="contIdArribo" >
        	<table class="table_reg" style="text-align: left;">
        	<caption>Buscar puntos recompensa por usuario</caption>
        	</table>
        	<br>
        	<br>
        	
        	<table class="table_reg" style="text-align: left;">
        		<tr>
	        			<td ><span class="txt_red">*</span>Fecha de: </td>
	        			<td><input type="text" id="fecha_inicio" size="10" class="datepicker" name="fecha_inicio" readonly value="${fecha_inicio}"></td>
	        			<td ></td>
	        			<td ><span class="txt_red">*</span>Fecha hasta: </td>
	        			<td ><input type="text" id="fecha_final" size="10" class="datepicker" name="fecha_final" readonly  value="${fecha_final}"></td>
	            </tr>
	           	<tr>
	        			<td></td>
	        			<td></td>
	        			<td ></td>
	        			<td ></td>
	        			<td></td>
	            </tr>
	        	<tr>
	        			<td>NIP de usuario: </td>
	        			<td>
	        			<select id="listUsuario" name="list_Usuario" >
	        					<option value=""></option>
	        					<c:forEach items="${list_Usuario}" var="list_Usuario" >
	        						<option value="${list_Usuario.nip}" >${list_Usuario.nip}</option>
	        					</c:forEach>
	        				</select>
	        			</td>
	        			<td ></td>
	        			<td ><span class="txt_red">*</span>Status: </td>
	        			<td>
	        			<select id='listStatus' name="listStatus"  >
	        					<option value="0"></option>
									<option value="1" >Aplicado</option>
	        						<option value="2" >Disponible</option>
									<option value="3" >Por Aplicar</option>
	        				</select>
	        			</td>
	            </tr>
				
				
				<tr>
	        			<td >
	        			</td>
	        			<td>
	        			</td>
	        			<td ></td>
	        			<td ></td>
	        			<td ></td>
	            </tr>
	           	<tr>
	        			<td></td>
	        			<td></td>
	        			<td ></td>
	        			<td ></td>
	        			<td></td>
	            </tr>
	            <tr>
	        			<td   ></td>
	        			<td   ></td>
	        			<td >
	        			<input type="image" src="../img/btn_buscar.png" onclick="return ValidarForm()"   >
	        			</td>
	        			<td  >  			
	        			</td>
	        			<td   ></td>
	            </tr>	
			</table>
			</div>

        	<br>
        	<br>
        	
        	<br>
        	<br>
        	<br>
        	<br>
        
        	<table class="table_reg" style="text-align: left;">
        		<caption>Reporte</caption>
        		<tr>
        			<th colspan="2" class="txt_red"> <html:errors /> </th>
        		</tr>
        		<tr>
        			<td>
        			<div id="dvData">
        				<table id="ReporteArribo"  class="table_datosRed">
        				<thead>
        					<tr>
        						<th>Cve Punto</th>
        						<th>Cve Arribo</th>
        						<th>Nip</th>
        						<th>Puntos Recibidos</th>
        						<th>Fecha</th>
        						<th>Status</th>
        						
        					<!--<th></th>  -->	
        						
        					</tr>     
        				</thead>
        				<tbody>   
    			
        					<c:forEach items="${list_RepPuntos}" var="list_RepPuntos"> 
	        					<tr class="body_table">
	        						<td>${list_RepPuntos.cve_punto}</td>
	        						<td>${list_RepPuntos.cve_arribo}</td>
	        						<td>${list_RepPuntos.nip}</td>
	        						<td>${list_RepPuntos.puntos_recibidos}</td>
	        						<td>${list_RepPuntos.fecha_puntos}</td>
	        						<td>${list_RepPuntos.status}</td>
	        						
	        						</tr>  
        					</c:forEach>
        					
        					
        				</tbody>
        				</table>
        				</div>
        			</td>
        		</tr>
        	</table>
      
 			<br>
        	<br>
			<table class="table_reg" style="text-align: left;">
        		<tr>
        		</tr>
        		<tr>
        			<td>
      
        				<table class="table_datosRed">

        					<tr>
        					<td>
        					
        					<input type="image" src="../img/excel.png" style=" with:40px;height:40px "  onclick='ExportarReporte(2)'   >
        					&nbsp;
        					<input type="image" src="../img/icono-pdf3.png" style=" with:40px;height:40px "  onclick='ExportarReporte(1)'   >
        					</td>
        					<td></td>
        					</tr>     
 
        				
        				</table>
        			
        			</td>
        		</tr>
        	</table>
        	



      		</html:form>
		</div>
      		
        	<script type="text/javascript">

        	$(document).ready(function() {
        		
        		var NumFilas = 0;
				NumFilas = $("#ReporteArribo").find("tr").length;
				
				if(NumFilas > 1){
					CalcularTotales();
				}
				
			
				
        	});
			
        	function CalcularTotales(){
				var hd_sumRegistroTotal = 0;
					
				$('#ReporteArribo tbody tr').each(function() {
					hd_sumRegistroTotal += parseInt(1);
				
					});

					if(hd_sumRegistroTotal > 0){
						//6 colums
						var cont = $("#ReporteArribo");
					     cont.append('<tr align="center" >' +
		                                '<td ><label id="lbRegTotal" name="lbRegTotal">Registros: </label></td>' +
		                                '<td ><label id="lbsumRegTotal" name="lbsumRegTotal">'+ hd_sumRegistroTotal +'</label></td>' +
		                                '<td></td>' +
		                                '<td ></td>' +
		                                '<td></td>' +
		                                '<td ></td>' +
		                               
		                                '</tr>' 
		                                );
					}
			};
			
			
				function ValidarForm(){
					
					$("#hd_nip").val($("#listUsuario option:selected").text());
					$("#hd_fecha_inicio").val($("#fecha_inicio").val());
					$("#hd_fecha_final").val($("#fecha_final").val());
					
					$("#nip").val($("#listUsuario option:selected").text());
					
					
					fecha_inicio = $("#fecha_inicio").val();
					fecha_final = $("#fecha_final").val();
					nip = $("#nip").val();
					
					
					$("#hd_cve_status").val($("#listStatus").val());
					$("#hd_status").val($("#listStatus option:selected").text());
					
					
					
					//$("#hd_cve_status").val($("#listStatus").val());
					$("#status_texto").val($("#listStatus option:selected").text());

			        if ((fecha_inicio.replace(/^\s+|\s+$/g, "")).length == 0 &&
			        	document.getElementById('fecha_inicio').value == ''  &&
			        	(fecha_final.replace(/^\s+|\s+$/g, "")).length == 0  &&
			        	document.getElementById('fecha_final').value == ''   &&
			        	(nip.replace(/^\s+|\s+$/g, "")).length == 0  &&
			        	document.getElementById('nip').value == ''  &&
			        	$("#listStatus").val() == "0"
			        ) {
			           
			        	alert('Debe Capturar almenos un filtro');
			        	
			            return false;
			        }
					
					
					return true;
				};

				function ExportarReporte(tipo){
					
					var NumFilas = 0;
					NumFilas = $("#ReporteArribo").find("tr").length;
					
					if(NumFilas > 1){
						$("#hd_FileExport").val(tipo);
						return true;
					}
					
					if(NumFilas == 0 || NumFilas == 1){
						alert('No existen registros que exportar');
			            return false;
					}
				};


        	</script>
        	
        </section>